<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/reset.css">
	<style>
		#top_mean{
			width: 100%;
			height: 60px;
			background: #597592;
		}
		#logo{
			width: 170px;
			height: 60px;
		}
		aside{
			width: 170px;
			height: 90%;
			background: #eef3f6;
			position: absolute;
			left: 0;
			border-right: 1px solid #ccc
		}
		footer{
			width: 100%;
			height: 30px;
			background: #405872;
			position: absolute;
			bottom: 0;
			line-height: 30px;
			z-index: 2
		}
		footer>p{
			color: #ccc;
			margin-left: 30px
		}
		.mean_list{
			width: 170px;
			text-align: center;
			height: 60px;
			line-height: 60px;
			font-size: 18px;
			color:#035a8e;
			font-weight: 800;
			border: 1px solid #ccc;
			border-right: none;
			border-top: none;
		}
		.mean_list:first-of-type{
			background: white;
			border-right: none;
		}
		.mean_list:hover{
			background: white;
			border-right: none;
		}
		.mean_list>a{
			text-decoration: none;
			color: #035a8e;
		}
		.mean_list>a>img{
			width: 18px;
			height: 18px;
		}
		#content{position: absolute;	left: 170px;	top: 60px;width: 80%;}
		#content_top{position: absolute;	left: 25px;	top: 25px;width: 137px;height: 44px;	border-left: 1px solid #CCC;border-top: 1px solid #CCCCCC;border-right: 1px solid #CCC;	text-align: center;line-height: 44px;}
		#conImg{width: 16px;}
		#con_sp{font-size: 22px;	color: #597592;}
		#slider{width: 80%;border-bottom: 1px solid #ccc;position: absolute;left: 163px;top: 70px;}
		#menu{position: absolute;left: 25px;top: 100px;width: 800px;}
		#menu li{width: 110px;height: 32px;border: 1px solid #ccc;text-align: center;line-height: 32px;font-size: 20px;color: #597592;float: left;margin-left: 15px;cursor: pointer;}
		#menu li:hover{background: #597592;color: white;}

	</style>
</head>
<body>
	<header>
		<div id="top_mean">
			<img src="img/logo.png" alt="" id="logo">
		</div>
	</header>
	<section>
		<aside>
			<div class="mean_list page1">
				<a href="page1.html">
					<img src="img/home.png" alt="">
					<span>技能考试</span>
				</a>
			</div>
			<div class="mean_list page2">
				<a href="page2.html">
					<img src="img/note.png" alt="">
					<span>考试管理</span>
				</a>	
			</div>
			<div class="mean_list page3">
				<a href="page3.html">
					<img src="img/book.png" alt="">
					<span>题库管理</span>
				</a>
			</div>
		</aside>
		<div id="content">
			<div id="content_top">
				<img id="conImg" src="img/top_img.jpg"/>
				<span id="con_sp">
					考试选项
				</span>
			</div>
			<div id="slider">
				
			</div>
			<ul id="menu" >
				<a href="page1_start.html"><li>开始考试</li></a>
				<a href="page1_paper.html"><li>往期试卷</li></a>
				<a href="page1_history.html"><li>历史成绩</li></a>
				<a href="page1_error.html"><li>错题集录</li></a>
			</ul>
		</div>
	</section>
	<footer>
		<p>才信教育© 2015-2017</p>
	</footer>
</body>
</html>
